/* 
    Document   : global
    Created on : Jul 23, 2010, 1:55:26 PM
    Author     : BnoL, Mr.Alex
    Description:
        Purpose of the stylesheet follows.
*/
.underconstruction{
    width: 500px;
    margin: 80px auto;
    text-align: center;
    font-size: 16px;
    color: #C00;
    
}
body {
    background: #FFF;
    color: #484848;
    margin: 0; padding: 0;
    font-family: Tahome, Arial;
}
a:link, a:hover, a:visited, a:active {
    color: #00808f;
    font-weight: bold;
    font-size:13px;
    text-decoration: none;
}

div#container {
    border: 1px solid #e4e4e4;
    padding: 5px;
    background: #FFF;
    margin-top: 5px;
    background: url("../images/footer_bg.png") bottom left repeat-x;    
}
div#header {
    background: url("../images/banner_bg.png") top left repeat-x;
    padding: 10px 0px 0px 0;
}
form.search{
    margin: 0; padding: 0;
    float: right;
}
form.search input[type=text]{
    border: 0;
    margin: 0; padding: 0 10px 0 25px;
    background: url(../images/search2.png) no-repeat;
    width: 120px; height: 18px;
    color: #666;
}
form.search input[type=submit]{
    border: 0;
    margin: 0; padding: 0;
    width: 25px; height: 18px;
    background: url(../images/search-button.png) no-repeat;
}
div#footer ul.nav li{
    text-transform: uppercase;
    margin-right: 15px;
    padding: 0;
}
div.nav-top{
    text-align: right;
}
div.nav-top a{color: #4b4b4b;}
div.nav-top a:hover{color: #00808f;}

/* ------------------------- TOP MENU */
div#nav {
    margin-top: 30px;
    padding: 10px 0;
    background: url("../images/nav.png") center no-repeat;
    text-align: center;
    color: #FFF;
    font-size:13px;
    text-transform: uppercase;
    position: relative;
    z-index: 5;
}
div#nav a{
    font-weight: normal;
    color: #FFF;
}
div#nav a:hover{
    font-weight: normal;
    color: #00808f;
}
.date-time{
    margin: 0; padding: 0 5px 5px 0;
    text-align: right;
}
span.date-time{ float:right; font-style: italic; color: #838383;}

.text-title {
    color: #00808f;
    font-weight: bold;
    font-size:13px;
}
.block-main-head {
    background: url("../images/block-main-head.png") left top repeat-y;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    word-spacing: 5px;
    text-transform: uppercase;
}
.block-main-sub {
    background: #555555;
    padding: 5px 5px 5px 10px;   
    color: #FFF;
    word-spacing: 5px;
    text-transform: uppercase;
}
.block-main-head a{ color: #FFF; font-size: 16px;}
.block-main-sub a{ color: #FFF; font-weight: normal;}
.block-main-head a:hover{ color: #00808f; }
.block-main-sub a:hover{ text-decoration: underline;}
.center {
    text-align:center;
}
ul.nav {
    margin: 0px;
    padding: 0px;
}
ul.nav li{
    float:left;
    list-style: none;
    margin-right: 39px;
}
ul.nav a{
    color: #4f4f4f;
    font-size: 12px;
}
ul.nav a:hover{
    color: #00808f;
}
/* HOME - AUDIO */
div#home-audio{
    padding: 50px 15px 15px 15px;
    background: #d3d3d3 url(../images/home-audio_bg.png) no-repeat; 
    color:#353535; 
}
div#home-audio ul{
    margin: 0; padding: 5px 0;
    background: #FFF;
    list-style: none;
}
div#home-audio ul li{
    padding: 5px 10px;
}
div#home-audio ul li img{
    float: left; padding-right: 5px;
}
ul.tab{
    list-style: none;
    margin: 0 0 10px 0; padding: 0;
    border-bottom: 1px solid #008795;
    background: url(../images/icon/album-icon.png) left no-repeat;
    overflow: hidden;
}
ul.tab li{
    float: left;
    padding: 5px 0px 0 50px ;
    font-size: 14px;
    font-weight: bold;
    color: #7a7a7a;
}
div.song-list{
    /*background: #5d5d5d*/; 
    height: 197px;
    color: #FFF;
    margin-bottom: 10px;
    overflow: hidden;
}
div.song-list ul{
    margin: 0; padding: 5px 10px 10px 0;
    list-style: none;
}
div.song-list ul li{
    border-bottom: 1px solid #CCC;
    padding: 5px 0 5px 10px;
}
div.song-list ul li a{ color: #FFF; font-weight: normal;}
div.song-list ul li a:hover{color: #000}
ul.album-list{
    margin: 0; padding: 0;
}
ul.album-list img{
    float: left;
    padding-right: 5px;
}
ul.album-list a{ font-weight: normal;}
ul.album-list li{
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
    clear: both;
    overflow: hidden;
}

/* HOME - PHOTO */

div#home-photo, div#home-consulting{
    border: 1px solid #dcdcdc;
    margin: 5px 0 0  0;
    padding: 10px;
}
div#home-photo h3 { margin-bottom: 10px; }
div#home-photo h3 a{ font-size: 15px; }
img.thumb{
    float: left;
    padding-right: 10px;
}
img.list_thumb{
    width: 100px;
    height: 100px;
    border: 0;
}
ul.photo-list{ list-style: none; margin: 10px 0; }
ul.photo-list li a{ font-weight: normal}
ul.photo-list li{ 
    background: url(../images/icon/li.png) no-repeat 0 15px;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #dcdcdc;
}
ul.photo-list li.last, ul.list li.last, ul.clip-list li.last{
    border: 0;
    margin-bottom: 0;
}
div#home-photo-gallery{
    width: 320px; height: 325px;
    background: #353535;
    float: right;
    margin-top: 5px;
    color: #FFF; text-align: center;
}

/* HOME - CONSULTING */
span#question-icon{
    background: url(../images/icon/question.png) no-repeat;
    width: 40px; height: 40px;
    position: absolute;
    margin: -12px 0 0 -15px ;
}
div#home-consulting-question{
    width: 305px; min-height: 310px;
    background: #b0b0b0;
    float: right;
    margin-top: 10px; padding: 5px;
    color: #FFF;
    position: relative;
}
div#home-consulting-question h3{
    font-size: 14px; font-weight: bold;
    color: #FFF;
    padding: 5px 0 5px 30px;
}
div#home-consulting-question ul{
    list-style: none;
    background: #FFF;
    margin: 0; padding: 0;
}
div#home-consulting-question ul li{
    background: #F6F6F6;
    margin: 20px 0; padding: 10px;
}
div#home-consulting-question ul li a{
    color: #6f6f6f;
    font-weight: normal;
}

/* LOGIN BOX 2 */

div.box2{
    width: 658px;
    margin: 0 auto;
    overflow: hidden;
    color: #575757;
}
div.box2 .top{
    background: url(../images/box-top_bg.png) no-repeat;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
}
div.box2 .mid{
    background: url(../images/box-mid_bg.png) repeat-y;
    padding: 5px 0 0 1px;
}
div.box2 .bot{
    background: url(../images/box-bot_bg.png) no-repeat;
    height: 25px;
}
div.box2 form.login{
    width: 500px;
    margin: 0 auto; padding: 0;
    background: #F4F4F4;
}
div.box2 form.login a{
    font-weight: normal;
}
div.box2 h4{
    background: #e5e5e5;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #575757;
}
div.box2 p{
    margin: 0; padding: 0 40px 0 0;
    text-align: right;
}
div.box2 form input{
    margin: 1px;
}
.button{
    border: 0;
    background: url(../images/button_bg.png) no-repeat;
    font-size: 12px;
    font-weight: bold;
    width:  77px; height: 22px;
    text-align: center;
    padding-bottom: 3px;
    color: #4f4f4f;
}
.button2{
    border: 1px solid #FFF;
    background: #838383;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
}
.button:hover{
    color: #000;
    cursor: pointer;
}
.button2:hover{
    background: #CCC;
    cursor: pointer;
}
/* SIGNUP BOX 2 */

div.row{
    background: url(../images/row_bg.png) repeat-y;
    text-align: center;
    padding: 5px; margin: 10px 0;
}

.signup-left {
    text-align: right;
    width: 220px;
}

.signup-right {
   
}

/* CONTACT BOX 3 */

div.box3{
    width: 835px;
    margin: 20px auto;
    background: #eaeaea;
    border: 1px solid #8f8f8f;
    border-top: 0;
}
div.box3 .top{
    background: url(../images/mail-top_bg.png) top center no-repeat;   
    height: 76px;
    color: #FFF; 
    text-align: center;
}
div.box3 .top h4{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    margin: 0; padding: 5px 0 0 0;
}
div.contact-left ul, div.contact-right ul{
    list-style: none;
    margin: 0; padding: 0;
}

div.contact-left ul li{
    text-align: right;
    padding: 4px 0;
}

div.contact-right ul li{
    padding: 3px 0;
}
div.contact-right ul li input{
    margin: 0;
}
.contact-left {
    text-align: right;
    width: 270px;
}
div.tiepnhan-box{
    background: url(../images/icon/li-news.png) no-repeat 0 12px;
    border-top: 1px solid #CCC; 
    width: 700px; 
    margin: 20px auto; padding: 5px 5px 5px 10px;
    text-align: center; font-weight: bold; 
}

/* NEWS PAGE*/
.news-box{
    background: #f9f9f9;
    border: 1px solid #dcdcdc;
    margin: 5px 0 0  0;
    padding: 10px;
}
div.news-right{
    width: 195px;
    margin-top: 5px;
    padding: 5px 5px 5px 10px;
    float: right;
}
div.news-right a{font-weight: normal}
div.news-right h3{
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
div.news-right ul{
    margin: 0; padding: 0;
    list-style: none;
}
div.news-right ul li{
    border-bottom: 1px solid #ccc;
    background: url(../images/icon/li-news.png) no-repeat 0 17px;
    padding: 10px 0 10px 25px;
    
}
ul.news-list{
    margin: 15px 0; padding: 0;
}
ul.news-list li{
    list-style: none;
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}
ul.news-list li img{ float: left; }
ul.news-list li h4{ margin-bottom: 10px;}
ul.news-list li h4 a{ color: #2b2b2b; font-weight: bold; }
.page{
    text-align: right;
    font-weight: bold;
    margin: 0;
}
#content{
    min-height: 500px;
}
div#content-right{
    float: right;
    margin: 0;
}
div.content-center{
    
}
.arrow{
    background: url(../images/icon/arrow.png) left no-repeat;
    color: #6e6e6e;
    margin: 15px 15px 0 15px;
    padding: 0 0 0 15px;
}
.arrow a{
    color: #6e6e6e;
    font-size: 12px;
}
ul.list a{font-weight: normal}
ul.list{
    margin: 0 0 10px 100px; padding: 0;
    list-style: url(../images/icon/li-news.png);
}
ul.list li{
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
}
ul.list li.last-list{ border: 0; }
h3.blue{ 
    color: #00808f; 
    margin: 10px 0 5px 0;
    font: bold 1.25em Arial;
}
.comment-scrollbox{
    max-height: 300px;
    overflow-y: scroll;
}
ul.comment-box{
    list-style: none;
    margin: 0; padding: 0;
}
ul.comment-box li{
    background: #e6e6e6;
    margin: 10px 0; padding: 10px 15px;
    overflow: hidden;
}
ul.comment-box li span.name{background: url(../images/icon/user.png) no-repeat 0 0; font-weight: bold; float: left; padding-left: 20px;}
ul.comment-box li p.comment{ clear: both; margin: 0;}

/* FILM PAGE */

div.film-box{
    background: #000;
    margin: 10px 0 10px 0;
}
div.film-box ul{
    list-style: none;
    margin: 0; padding: 0;
}
div.film-box ul li{
    float: left;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}
.arrow-right a{
    color: #262626;
}
.arrow-right{
    background: url(../images/icon/arrow2.png) no-repeat 0 5px;
    float: right;
    padding: 0 20px 0 15px;
    margin: 0 0 5px 0;
}
ul.film-list{
    list-style: none;
}
ul.film-list li{
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}
div.box-list, div.box-list-right{
    background: #f4f4f4;
    width: 320px;
    padding: 10px;
    float: left;
}
div.box-list-right{float: right;}
div.box-list img, div.box-list-right img{float: left; padding-right: 10px}

div.prev{ background: url(../images/icon/prev.png) no-repeat 10px 50%; height: 100px;}
div.next{ background: url(../images/icon/next.png) no-repeat 10px 50%; height: 100px; position: absolute; top: 0px; right: 0px}
ul.film-gallery, ul.film-gallery-home{
    margin: 0; padding: 0;
    list-style: none;
}
ul.film-gallery li, ul.film-gallery-home li{
    margin: 0; padding: 5px 15px;
    float: left;
}
ul.film-gallery-home li{ padding: 5px 10px;}
ul.film-gallery li img, ul.film-gallery-home li img{border: 1px solid #FFF}
ul.film-gallery li div, ul.film-gallery-home li div{width: 100px; height: 50px;}

ul.clip-list li a{color: #FFF; text-decoration: none; font-weight: normal;}
ul.clip-list li a:hover{cursor: pointer; color: #000}
ul.clip-list{
    margin: 0 10px 0 0; padding: 0;
}
ul.clip-list li{
    list-style: none;
    border-top: 1px dashed #DDD;
    margin: 0;
    padding: 5px 0;
    overflow: hidden;
}

span.xemphim{
    background: url(../images/icon/play.png) no-repeat 0 10px;
    padding: 20px 10px 20px 45px; 
}
span.download2{
    background: url(../images/icon/download2.png) no-repeat 0 10px;
    padding: 20px 10px 20px 45px; 
}
span.download{
    background: url(../images/icon/download.png) no-repeat 0 2px;
    padding: 5px 5px 5px 30px;
}
span.facebook{
    background: url(../images/icon/facebook.png) no-repeat 0 0;
    padding: 5px 5px 5px 20px;
}
span.twitter{
    background: url(../images/icon/twitter.png) no-repeat 0 0;
    padding: 5px 5px 5px 20px;
}
span.mail{
    background: url(../images/icon/mail.png) no-repeat 0 0;
    padding: 5px 5px 5px 20px;
}
.share_box a{ color: #FFF}
.share_box{
    background: #2f2f2f; color: #FFF;
    margin: 10px 0;
    padding: 20px;
    overflow: hidden;
}
.share ul{
    margin:0; padding: 0;
}
.share ul li{
    list-style: none;
    float: left;
    margin-left: 10px;
    color: #00808F;
    font-weight: bold;
    font-size: 13px;
}
/* AUDIO - PAGE */

.audio-noibat-title{
    background: #b0b0b0; 
    font-weight: bold; 
    color: #FFF; 
    text-align: left; 
    padding: 10px 0 10px 10px;
}
.arrow-list{
    margin: 10px 0; padding: 0;
    list-style: none;
}
.arrow-list li{
    padding: 10px 0 10px 15px;
    background: url(../images/icon/li.png) no-repeat 2px 15px;
}
.arrow-list li a{
    font-weight: normal;
}

/* PHOTO PAGE */
div.head_photo a{color: #FFF; font-size: 12px;}
div.head_photo{
    background: url(../images/head_photo_bg.png) left no-repeat;
    color: #FFF; font-weight: bold;
    padding: 5px 20px;
}
div.photo-box{
    border: 1px solid #dcdcdc;
    margin: 5px 0 0 0;
    padding: 5px;
    text-align: center;
    overflow: hidden;
}
div.photo-box p.title{
    background: #f2f2f2; color: #474747; 
    font-weight: bold; text-align: center;
    padding: 2px 0;
    font-size: 14px;
}
div.photo-box hr{
   margin: 0 0 5px 0; padding: 0;
}
div.photo-box td{
    text-align: center;
}

ul.album-gallery{
    list-style: none;
    margin: 0; padding: 0;
}

ul.album-gallery li{
    float: left;
    padding: 0 22px;
    text-align: left;
}
ul.album-gallery li p.album-title a{
    color: #494949;
}
.lyric{
    border: 1px solid #00808F;
    margin: 20px auto; padding: 10px;
    text-align: left;
    height: 200px;
    overflow: auto;
    background: #E6E6E6;
}

/* GALLERY */

div#feature_list {
    width: 746px;
    height: 240px;
    overflow: hidden;
    position: relative;
    border: 0px solid #2d2d2d;
    margin: 0 0 10px 0;
   /*text-transform: uppercase;*/
    background: #CACACA;
}

div#feature_list ul {
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
}

ul#tabs_list {
    right: 0;
    z-index: 2;
    width: 260px;
    border-left: 2px solid #cacaca;
    background: #cacaca;
}

ul#tabs_list li {
    font-size: 12px;
    font-family: Arial;
    border-bottom: 1px dashed #A5A5A5;
}

ul#tabs_list li img {
    padding: 0;
    float: left;
    margin: 0 10px 0 0;
}

ul#tabs_list li a {
    color: #222;
    text-decoration: none;
    display: block;
    padding: 7px 10px;
    outline: none;
    font-weight: normal;
}

ul#tabs_list li a:hover {
	text-decoration: underline;
}

ul#tabs_list li a.current {
	background: #a5a5a5;
	color: #FFF;
}

ul#tabs_list li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	left: 0;
	width: 463px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 463px;
	height: 240px;
}
ul#output li .overlay {
    width: 443px;
    position: absolute;
    bottom: 0px;
    padding: 10px;
    background: #474747;
    /* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
    opacity:0.6;
}

ul#output li .overlay a{
    color: #FFF;
    text-transform: none;
}

/* -------------- */
.captcha{
    
}
.captcha img{
    float: right;
    margin: 1px 170px 0 0;
}
.error p{ margin:0;}

/* MUSIC PAGE */

ul.music-list{
    margin: 0 0 10px 0; padding: 0;
    list-style: none;
    text-align: left;
}
ul.music-list li{
    background: url(../images/icon/music.png) no-repeat 0 5px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0 5px 10px;
    overflow: hidden;
}
ul.music-list li a:hover{ color: #00808f}
ul.music-list li a{
    color: #474747;
    font-weight: normal;
}

span.music-play, span.music-download{ float: right;}
span.music-play a, span.music-download a{ font-size: 11px; color: #474747}
span.music-play{
    background: url(../images/icon/music-play.png) no-repeat 0 3px;
    padding: 0 10px 0 15px;
}
span.music-download{
    background: url(../images/icon/music-download.png) no-repeat 0 3px;
    padding: 0 0 0 15px;
}
.music-search-box{
    background: #3a3a3a;
    margin: 5px 0;padding: 20px;
    color: #FFF;
}
/* ======== CONSULTING ================ */

div.tuvan-box-top{
    background: url(../images/tuvan-box-top.png) no-repeat;
    height: 34px;
}
div.tuvan-box-bot{
    background: url(../images/tuvan-box-bot.png) no-repeat;
    height: 30px;
}
div.tuvan-box-mid a{color: #000;}
div.tuvan-box-mid{
    background: url(../images/tuvan-box-mid.png) repeat-y;
    padding: 0 10px;
    width: 580px;
    color: #000;
    overflow: hidden;
}
div.tuvan-box-top span.title a{ color: #FFF;}
div.tuvan-box-top span.title{
    float: left;
    color: #FFF; font-weight: bold;
    background: #00808f url(../images/icon/tuvan-title-icon.gif) no-repeat 95% 8px;
    margin: 0 10px;
    padding: 3px 20px 3px 10px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
.box4 h3{text-transform: uppercase;}
.box4, .box5 img{ float: left;}
.box4, .box5{
    background: #7abdc5;
    padding: 10px;
    overflow: hidden;
    clear: both;
}
.box5{ background: #c4e2e5}
.box5-title{
    background: #c4e2e5;
    padding: 5px 10px 0 10px;
    float: left; 
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
.box5-title a{ color: #000; font-weight: bold}
.black-title{
    margin: 10px 0 0 0; padding: 0;
}
ul.tuvan-list{
    margin: 0; padding: 0;
    list-style: none;
}
ul.tuvan-list li{
    background: url(../images/icon/question-li.png) no-repeat 0 0;
    padding: 10px 0 10px 50px;
    margin: 10px 0;
}
div.newsticker ul{
    margin: 0; padding: 0;
}
div.newsticker ul li{
    padding: 10px 5px;
}
div.newsticker ul li a{ color: #555;}
div.newsticker ul li a:hover{ color: #00808f;}
/*** ==============  MENU =================== */

.toplevel{margin: 0 25px 0 14px;} 						/*	normal clickable top-item */
#menu ul li:hover a{ color: #00808f; }
#menu ul li:hover ul li a:hover {color: #FFF;}
#menu ul li ul{
    background: #b6b6b6;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkiet-border-radius: 0 0 6px 6px;
    position: relative;
    z-index: 3;
}
#menu ul li ul li{width: 180px; text-align: left; border-bottom: 1px dotted #FFF;}
#menu ul li ul li:hover{list-style: circle;}
a.sublevel{padding: 5px 14px}						/*	normal clickable sub-item */
#menu ul li ul li.last-list{border: 0;}

/* =========================================== */
.left_news{
    font-size: 11px;
    border-bottom: 1px dashed #CCC;
    margin: 10px 0;
}
.left_news p {margin: 0 0 10px;}
.left_news p a{font-weight: normal; font-style: italic;}
.news h3{
    text-transform: uppercase;
}
h2.title{
    margin: 0; padding: 0;
    text-transform: uppercase;
}
h4#show_comment{
    background: url(../images/icon/comment.png) no-repeat 0 2px;
    color: #6e6e6e;
    margin: 0 15px 0 15px;
    padding: 0 0 0 22px;
    cursor: pointer;
}
.quangcao{
    overflow: hidden;
}
.quangcao img{
    width: 190px; height: 243px;
}
.video-paging{
    text-align: right;
    border-top: 1px solid #CCC;
    margin: 5px;
    padding: 5px;
}
.video-paging a.current{
    color: #FFF;
}
.search-data{
    border-bottom: 1px dashed #DDD;
    padding: 20px;
}
.search-data h4{
    margin: 0;
    color: #00808F;
}
.search-data a{
    color: #000099;
    font-weight: normal;
    font-size: 15px;
    text-decoration: underline;
}

.advertise{
    text-align: center;
}

/*Pagging*/
.paging{
    margin: 10px 0;
    text-align: right;
}
.paging a, .paging strong{
    padding: 2px 7px;
    border: 1px solid #DDD;
    margin-left:5px;
}
.paging strong{
    background: #E7E7E7;
}